<template>
  <div>
    <video
        ref="myVideo"
        class="video-js"
        controls
        preload="auto"
        width="640"
        height="264">
      <source src="http://120.24.86.243:48652/source/gg.mp4" type="video/mp4" />
    </video>
  </div>
</template>

<script>
import "video.js/dist/video-js.css";
import videojs from "video.js";

export default {
  mounted() {
    // 使用video.js初始化视频播放器
    this.player = videojs(this.$refs.myVideo, {
      hotkeys: {
        enableModifiersForNumbers: false, // 禁用组合键，例如Ctrl+1
        volumeStep: 0.1, // 音量调节步长
        seekStep: 5, // 快进/快退步长（秒）
        enableVolumeScroll: false // 禁用滚轮控制音量
      }
    });

  },
  beforeDestroy() {
    // 在组件销毁前销毁视频播放器以释放资源
    if (this.player) {
      this.player.dispose();
    }
  }
};
</script>
